.design-header_content {
  height: 42px;
  border-bottom: 1px solid #000;
  user-select: none;

  .header_tool {
    width: 28px;
    height: 22px;
    padding: 2px 0;
    text-align: center;
    cursor: pointer;
    background-color: #007dff;
    box-shadow: inset 0 0 0 1px #ffebeb1a, 0 0 0 1px #181818;
    transition: .5s;
    color: #ffffff;
    margin-left: 4px;
    border-radius: 4px;
    //&:hover{
    //  color: var(--el-link-hover-color);
    //}
    display: flex;
    align-items: center;
    span{
      text-align: center;
      font-size: 14px;
      flex: 1;
    }
    &:hover{
      background-color: var(--el-link-hover-color);
    }
    &.no-active {
      background: #303640;
    }
  }

  .header_center {
    display: inline-block;
    padding: 3px 0;
    text-align: center;
    cursor: pointer;
    // background-color: #303640;
    transition: .5s;
    color: #ffffff;
    font-size: 18px;
  }
}